<ion-header>
  <div class="uh bc-head  ubb bc-d9" data-control="HEADER" id="Header">
    <div class="ub ub-ac ubb bc-cc">
      <div class="widhh" id="nav-left" (click)="navCtrl.pop()">
        <div class="ub-img1 back_btn_img"></div>
      </div>
      <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">邀请战友</h1>
      <div class="widhh color_red" id="nav-right" (click)="isko()">
        完成
      </div>
    </div>
  </div>
</ion-header>
<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新..." refreshingSpinner="circles" refreshingText="请稍等...">
    </ion-refresher-content>
  </ion-refresher>
  <div data-control="CONTENT" id="ScrollContent">
    <div class="scrollbox">
      <div class="content">
        <ul class=" yaoqing" id="userlist" radio-group [(ngModel)]="relationship">
          <li  *ngFor="let item of userlist">
              <div (click)="openPersondetial(item.ID)" class="ub ub-ac height6 pad_left7 pad_right7 bor_b">
                <div class="ub-img dongtai_imgHead_wh">
                  <img src="{{item.HeadPortrait | imgUrl:'base64'}}">
                </div>
                <div class="ub ub-f1 umar-l ub-ver umh5">
                  <div class="ub ub-ac ub-f1 ">{{item.Title}} </div>
                </div>
                <div class="checkbox umar-r">
                  <ion-checkbox  (ionChange)="updateCucumber(item,$event)"></ion-checkbox>
                  <!-- <ion-radio></ion-radio> -->
                </div>
              </div>
          </li>
        
        </ul>
      </div>
    </div>
  </div>
  <ion-infinite-scroll *ngIf="isIonInfin" (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
